<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--    不同设备显示一致-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>

    <!--加载b3样式    -->
    <link rel="stylesheet" href="css/bootstrap.css">

    <!--加载自定义样式    -->
    <link rel="stylesheet" href="css/myWeb.css">
    <!--    加载fontawesome字体图标-->
    <link rel="stylesheet" href="css/fontawesome/css/all.css">

</head>
<body>
<!--导航条-->
<nav class="navbar navbar-inverse mymargin0">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">XX软件有限公司</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="#">首页</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">新闻中心</a></li>
                <li><a href="#">产品中心</a></li>
                <li><a href="#">解决方案</a></li>
                <li><a href="#">客户留言</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">招贤纳士<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Java工程师</a></li>
                        <li><a href="#">前端工程师</a></li>
                        <li><a href="#">美术工程师</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">保洁</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">前台</a></li>
                    </ul>
                </li>
            </ul>
            <ul id="ulUser" class="nav navbar-nav navbar-right">
                <li><a href="/admin/index.html">用户名</a></li>
                <li><a href="/login.html">登录</a></li>

                <li><a href="javascript:void(0)" onclick="aLogout()">登出</a></li>

            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<!--横幅banner-->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>
    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="img/xx.jpg" alt="" class="mybanner">
        </div>
        <div class="item">
            <img src="img/xx2.jpg" alt="" class="mybanner">
        </div>
        <div class="item">
            <img src="img/xx3.jpg" alt="" class="mybanner">
        </div>
    </div>
    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

<!--展示产品-->
<div class="page-header text-center">
    <h1><b>产品展示</b><small>冠军产品</small></h1>
</div>

<div class="container">
    <div class="row">
        <div class="col-xs-4 ">
            <div class="thumbnail">
                <img src="holder.js/460x250" alt="460x250">
                <div class="caption">
                    <h3 class="text-center">Thumbnail label</h3>
                    <p>产品性能</p>
                    <p>产品优势</p>
                    <p>产品服务</p>
                    <p>产品售后</p>
                </div>
            </div>
        </div>
        <div class="col-xs-4 ">
            <div class="thumbnail">
                <img src="holder.js/460x250" alt="460x250">
                <div class="caption">
                    <h3 class="text-center">Thumbnail label</h3>
                    <p>产品性能</p>
                    <p>产品优势</p>
                    <p>产品服务</p>
                    <p>产品售后</p>
                </div>
            </div>
        </div>
        <div class="col-xs-4 ">
            <div class="thumbnail">
                <img src="holder.js/460x250" alt="460x250">
                <div class="caption">
                    <h3 class="text-center">Thumbnail label</h3>
                    <p>产品性能</p>
                    <p>产品优势</p>
                    <p>产品服务</p>
                    <p>产品售后</p>
                </div>
            </div>
        </div>
    </div>
</div>


<!--公司简介-->
<div class="page-header text-center">
    <h1><b>公司简介</b> <small>公司伟大历程</small></h1>
</div>
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-offset-1  col-xs-4 ">
            <a href="#" class="thumbnail">
                <img src="holder.js/760x350" alt="460x250">
            </a>

        </div>
        <div class="col-xs-6 ">
            <p>
                深圳xxx科技有限公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。公司致力于成为领先的物联网产品及解决方案服务商，拥有多项国家级行业资质和专利，以“安全+智慧”为主要技术服务，业务聚焦于数字核电、轨道交通、智慧医疗、智慧校园、智慧建筑、智慧园区等领域，为政企合作伙伴提供先进技术产品和高质量服务。</p>
            <p>
                深圳xxx科技有限公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。公司致力于成为领先的物联网产品及解决方案服务商，拥有多项国家级行业资质和专利，以“安全+智慧”为主要技术服务，业务聚焦于数字核电、轨道交通、智慧医疗、智慧校园、智慧建筑、智慧园区等领域，为政企合作伙伴提供先进技术产品和高质量服务。</p>
            <p>
                深圳xxx科技有限公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。公司致力于成为领先的物联网产品及解决方案服务商，拥有多项国家级行业资质和专利，以“安全+智慧”为主要技术服务，业务聚焦于数字核电、轨道交通、智慧医疗、智慧校园、智慧建筑、智慧园区等领域，为政企合作伙伴提供先进技术产品和高质量服务。</p>
            <p>
                深圳xxx科技有限公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。公司致力于成为领先的物联网产品及解决方案服务商，拥有多项国家级行业资质和专利，以“安全+智慧”为主要技术服务，业务聚焦于数字核电、轨道交通、智慧医疗、智慧校园、智慧建筑、智慧园区等领域，为政企合作伙伴提供先进技术产品和高质量服务。</p>
            <p>
                深圳xxx科技有限公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。公司致力于成为领先的物联网产品及解决方案服务商，拥有多项国家级行业资质和专利，以“安全+智慧”为主要技术服务，业务聚焦于数字核电、轨道交通、智慧医疗、智慧校园、智慧建筑、智慧园区等领域，为政企合作伙伴提供先进技术产品和高质量服务。</p>
        </div>

    </div>
</div>


<!--公司新闻-->
<div class="page-header text-center">
    <h1><b>公司新闻</b> <small>公司新闻、行业新闻、政治政策</small></h1>
</div>

<div class="container-fluid">
    <div class="row">
        <div class="col-xs-3 ">
            <div class="list-group">

                <span class="list-group-item active"><b>公司新闻</b> <span style="float: right">更多</span></span>

                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
            </div>
        </div>
        <div class="col-xs-3 ">
            <div class="list-group">

                <span class="list-group-item active"><b>行业新闻</b> <span style="float: right">更多</span></span>

                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
            </div>
        </div>
        <div class="col-xs-3 ">
            <div class="list-group">

                <span class="list-group-item active"><b>政治政策</b> <span style="float: right">更多</span></span>

                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
            </div>
        </div>
        <div class="col-xs-3 ">
            <div class="list-group">

                <span class="list-group-item active"><b>国外新闻</b> <span style="float: right">更多</span></span>

                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
                <span class="list-group-item">
                    <a href="#" class="mytext-ellipsis" style="float: left">深圳xxx科技有限公司成立于公司成立于公司成立于1995年，是深圳市xxx有限公司旗下的军民融合型国家级高新技术企业。</a>
                    <span style="float: right">11-07</span>
                    <div style="clear: both"></div>
                </span>
            </div>
        </div>
    </div>
</div>


<!--联系我们-->
<div class="page-header text-center">
    <h1><b>联系我们</b> <small>欢迎您的宝贵意见</small></h1>
</div>

<div class="container-fluid">

    <div class="row">
        <div class="col-xs-offset-2 col-xs-3">
            <div class="panel panel-default">
                <div class="panel-heading">我们的详细信息</div>
                <div class="panel-body">
                    <P>联系我们联系我们联系我们联系我们联系我们联系我们</P>
                    <P>联系我们联系我们联系我们联系我们联系我们联系我们</P>
                    <P>联系我们联系我们联系我们联系我们联系我们联系我们</P>
                    <P>联系我们联系我们联系我们联系我们联系我们联系我们</P>
                    <P>联系我们联系我们联系我们联系我们联系我们联系我们</P>
                    <P>联系我们联系我们联系我们联系我们联系我们联系我们</P>
                    <P>联系我们联系我们联系我们联系我们联系我们联系我们</P>
                </div>
                <div class="panel-footer">
                    <a href="#" class="thumbnail">
                        <img src="holder.js/760x350" alt="760x350">
                    </a>
                </div>
            </div>
        </div>
        <div class="col-xs-5">
            <div class="panel panel-default">
                <div class="panel-heading">为您服务，请您留言</div>
                <div class="panel-body">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">您的联系电话：</label>
                            <div class="col-xs-9">
                                <input id="tel" type="text" class="form-control" placeholder="输入您的联系电话：">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">您的宝贵意见：</label>
                            <div class="col-xs-9">
                                <textarea id="info" class="form-control" rows="23"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-xs-offset-3 col-xs-9">
                                <button id="btnMessage" type="button" class="btn btn-default">留言</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>


<!--脚注-->
<div class="myfoot">
    <div class="mysection">
        <div class="myfootbox">
            <div class="mycopyright">
                <p>版权所有 企业网站 <a href="#" target="_blank">XXICP备XXXXXXX号-3</a></p>
                <p>联系我们：11111111111@qq.com</p>
                <p class="mygray">Copyright © 2020-2021 <a target="_blank" href="#">XXXXXXX.com</a> Corporation,All
                    Rights Reserved.</p>
            </div>
            <div class="myservice">
                <p>周一至周日 9:00-17:30</p>
                <a href="#" target="_blank"><i class="glyphicon glyphicon-earphone"></i>在线客服</a>
            </div>
        </div>
    </div>
</div>

</body>
</html>

<!-- 加载jquery脚本-->
<script src="js/jquery-3.7.0.js"></script>
<!-- 加载b3脚本-->
<script src="js/bootstrap.js"></script>
<!--加载图片占位符-->
<script src="js/holder.js"></script>


<script>


    //处理登出
    function aLogout() {
        $.ajax({
            url: "/user/logout.action",
            dataType: "json",
            type: "get",
            beforeSend: function (XMLHttpRequest) {
                console.log("准备开始请求后端..............");

            },
            success: function (data, textStatus, jqXHR) {
                console.log("响应成功..............");
                if (data.result) {
                    window.location = "index.html";
                } else {
                    window.alert(data.mess);
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                console.log("响应失败.............." + errorThrown);
            },
            complete: function (XMLHttpRequest, textStatus) {
                console.log("响应结束..............");

            }
        });
    }


    $(function () {

        //todo 前台首页面登录和登出显示处理
        $.ajax({
            url: "/user/get.action",
            dataType: "json",
            type: "get",
            beforeSend: function (XMLHttpRequest) {
                console.log("准备开始请求后端..............");
            },
            success: function (data, textStatus, jqXHR) {
                console.log("响应成功..............");
                $("#ulUser").empty();
                if (data.result) {
                    $("#ulUser").append("<li ><a href=\"/admin/index.html\">" + data.data + "</a></li>\n" +
                        "                    <li><a href=\"javascript:void(0)\" onclick=\"aLogout()\" >登出</a></li>");
                } else {
                    $("#ulUser").append("<li><a href=\"/login.html\">登录</a></li>");
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                console.log("响应失败.............." + errorThrown);
            },
            complete: function (XMLHttpRequest, textStatus) {
                console.log("响应结束..............");
            }
        });


        //todo 添加留言
        $("#btnMessage").click(function () {
            $.ajax({
                url: "/admin/message/add.action",
                dataType: "json",
                type: "post",
                data: {
                    tel:$("#tel").val(),
                    info: $("#info").val()
                },
                beforeSend: function (XMLHttpRequest) {
                    console.log("准备开始请求后端..............");
                },
                success: function (data, textStatus, jqXHR) {
                    console.log("响应成功..............");
                    if (data.result) {
                        window.alert("留言成功");
                    } else {
                        window.alert(data.mess);
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    console.log("响应失败.............." + errorThrown);
                },
                complete: function (XMLHttpRequest, textStatus) {
                    console.log("响应结束..............");
                }
            });

        });


    });


</script>